<template>
    <div>
        <ul>
            <li>全部</li>
            <li>待消费</li>
            <li>待评价</li>
            <li>退款</li>
        </ul>
        <ol>
            <li>
                <div class="ollii">aaaa</div>
                <div class="olli">
                    <img src="http://pic.bizhi360.com/bbpic/99/11399.jpg" alt="">
                    <div class="ollio">
                        <div>钱数</div>
                        <div>共几单</div>
                    </div>
                </div>
                <button>再来一单</button>
            </li>
        </ol>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
div {
    width: 100%;
    height: 100%;
    background-color: aqua;
}

div ul {
    display: flex;
}

div ul li {
    margin-right: 10px;
}

div ol li .ollii {
    width: 100%;
}

div ol li button {
    margin-left: 300px;
    margin-bottom: 20px;
}

div ol li .olli {
    display: flex;
}

div ol li .olli img {
    width: 200px;
    height: 200px;
}

div ol li .olli .ollio {
    margin-top: 10px;
}
div ol li .olli .ollio div{
    margin-left: 140px;
    width: 70px;
}
div ol li .olli .ollio :nth-child(1){
    margin-top: 80px;
    margin-bottom: 20px;
}
</style>